<template>
  <div>
    <div class="container container-top">
      <el-row>
        <el-form  label-width="120px">
          <el-collapse  v-model="isOpen1" accordion>
            <el-collapse-item name="1">
              <template slot="title">
                <span class="vertical-bar"></span>
                &nbsp;&nbsp;
                <b>{{$t('adt.text_message')}}</b>
              </template>
              <div>
                <el-row class="flow-detail-row" >
                  <el-col :span="4" class="flow-detail-col1"  >{{$t('adt.reward_level')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2" >
                    <div v-if="win.cudWinLevel == '1'">一等奖</div>
                    <div v-else-if="win.cudWinLevel == '2'">二等奖</div>
                    <div v-else>三等奖</div>
                  </el-col>

                  <el-col :span="4" class="flow-detail-col1"  >{{$t('adt.reward_most')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2" >{{win.cudPrizeAmount}}</el-col>
                </el-row>

                <el-row class="flow-detail-row" >
                  <el-col :span="4" class="flow-detail-col1" >{{$t('adt.reward_name')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2" >{{win.cudWinName}}</el-col>

                  <el-col :span="4"  class="flow-detail-col1"  >{{$t('adt.phone')}}</el-col>
                  <el-col :span="6"  class="flow-detail-col2"  >{{win.cudPhone}}</el-col>
                </el-row>

                <el-row class="flow-detail-row" >
                  <el-col :span="4" class="flow-detail-col1">{{$t('adt.reward_status')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2">
                    <div v-if="win.cudWinState == '0'">未兑奖</div>
                    <div v-else>已兑奖</div>
                  </el-col>

                  <el-col :span="4" class="flow-detail-col1"  >{{$t('adt.reward_talk')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2" >{{win.cudWinSpeech}}</el-col>
                </el-row>

                <el-row class="flow-detail-row">
                  <!--中奖日期-->
                  <el-col :span="4" class="flow-detail-col1"> {{$t('fe.winDate')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2">
                    <div v-if="win.cudWinDate == null">&nbsp;</div>
                    <div v-else>{{win.cudWinDate}}</div>
                  </el-col>  
                  
                  <el-col :span="4" class="flow-detail-col1">{{$t('fe.awardDate')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2">{{win.cudAwardDate}}</el-col>  
                </el-row>
        
                <el-row class="flow-detail-row">
                  <!-- 奖金性质 -->
                  <el-col :span="4" class="flow-detail-col1" >{{$t('fe.bonusProperty')}}</el-col>
                  <el-col :span="16" class="flow-detail-col2" > 
                      <el-checkbox-group size="small" :disabled="true" v-model="win.cudBonusProperty">
                        <el-checkbox label="1">月度奖</el-checkbox>
                        <el-checkbox label="2">季度奖</el-checkbox>
                        <el-checkbox label="3">年度奖</el-checkbox>
                        <el-checkbox label="4">个人奖</el-checkbox>
                        <el-checkbox label="5">模块奖</el-checkbox>
                        <el-checkbox label="6">单项奖</el-checkbox>
                        <el-checkbox label="7">综合奖</el-checkbox>
                      </el-checkbox-group>
                  </el-col>
                </el-row>
        
                <el-row class="flow-detail-row">
                  <!-- 收款方式 -->
                  <el-col :span="4" class="flow-detail-col1" >{{$t('fe.payType')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2" >
                      <el-radio-group size="small" :disabled="true" v-model="win.cudPayType">
                        <el-radio label="1">银行卡</el-radio>
                        <el-radio label="2">现金</el-radio>
                      </el-radio-group>
                  </el-col>

                  <el-col :span="4" class="flow-detail-col1" >{{$t('fe.bankCardNo')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2" >
                    {{win.cudBankCardNo}}
                  </el-col>
                </el-row>
        

                <el-row class="flow-detail-row" >
                  <el-col :span="4" class="flow-detail-col1"  >{{$t('adt.memo')}}</el-col>
                  <el-col :span="6" class="flow-detail-col2" >{{win.cudMemo}}</el-col>
                </el-row>

                <el-row class="flow-detail-file"  >
                  <el-col :span="4" class="flow-detail-col1"  >{{$t('adt.file')}}</el-col>
                  <el-col :span="16" class="flow-detail-col2" >
                    <!-- 这里应该带参数过去  -->
                    <download  :showBrand="false" 
                    :showDel="false"
                    :showUpload="true"
                    :datalist="dataList"
                    :props="fileProps"
                    ></download>
                  </el-col>
                </el-row>
              </div>

            </el-collapse-item>
          </el-collapse>
        </el-form>
      </el-row>

      

      <el-row>
        <el-collapse  v-model="isOpen3" accordion>
          <el-collapse-item name="1">
            <template slot="title">
              <span class="vertical-bar"></span>
              &nbsp;&nbsp;
              <b>{{$t('adt.flow_log')}}</b>
            </template>
            <!--表格的形式-->
            <log :showBrand="showFileBrand" :procInsId="procInstId" :tableData="flowLog"  ></log>

            

          </el-collapse-item>
        </el-collapse>
      </el-row>

    </div>

    <fixedbutton>
        <div slot="fixbtn">
            <el-button size="small" @click="back" class="btn-second">{{$t('cm.return')}}</el-button>
        </div>
    </fixedbutton>

  </div>
</template>

<script>
  import already_done_task_details from './js/already_done_task_details.js'
  export default already_done_task_details
</script>

<style>

</style>
